@charset "UTF-8";
* { padding: 0; margin: 0; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

section { margin-bottom: 14.66667vw; }

footer { position: fixed; bottom: -0.5%; background-color: white; height: 14.66667vw; width: 100%; }

footer .foot { width: 93.33333vw; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

footer .foot a div p { font-size: 2.66667vw; text-align: center; color: black; }

footer .foot a div div { width: 9.33333vw; height: 9.33333vw; }

footer .foot a div div img { width: 100%; height: 100%; }

a { text-decoration: none; }

header { width: 93.86667vw; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6.66667vw; }

header .back { width: 16.4vw; height: 7.6vw; border: 2px solid #ff9344; border-radius: 2vw; font-size: 4vw; color: black; text-align: center; line-height: 6.66667vw; }

header .hd-name { font-size: 4vw; }

header .head-rg { width: 6.66667vw; height: 6.66667vw; }

header .head-rg img { width: 100%; height: 100%; }

section { width: 93.86667vw; margin: 0 auto; margin-top: 4vw; margin-bottom: 14.66667vw; }

section .banner { width: 93.86667vw; height: 34.66667vw; }

section .banner img { width: 100%; height: 100%; }

section .buy { width: 88.66667vw; margin: 4vw auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

section .buy div:first-child { font-size: 5.33333vw; color: #ff9344; }

section .buy div:last-child { background-color: #ff9344; font-size: 4vw; width: 14.66667vw; height: 8vw; color: white; text-align: center; line-height: 8vw; border-radius: 2.66667vw; }

section .evaluate { width: 88.66667vw; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

section .evaluate div:first-child { font-size: 4vw; }

section .evaluate div:first-child span { font-size: 4vw; color: #ff9344; }

section .evaluate div:first-child img { width: 4.66667vw; height: 4.66667vw; vertical-align: top; }

section .evaluate div:last-child { font-size: 4vw; color: #8e8e8e; }

section .merchant { width: 88.66667vw; margin: 4.66667vw auto; }

section .merchant .mc-top { background-color: #ff9344; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.33333vw; }

section .merchant .mc-top div { font-size: 4vw; color: white; line-height: 6.66667vw; }

section .merchant .mc-top div:last-child { font-size: 6.66667vw; }

section .merchant .mc-bottom .shop:first-child > .sp-lf::before { content: "正佳店"; }

section .merchant .mc-bottom .shop:nth-child(2) > .sp-lf::before { content: "体育西路"; }

section .merchant .mc-bottom .shop:last-child > .sp-lf::before { content: "昌岗店"; }

section .merchant .mc-bottom .shop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1.33333vw; position: relative; }

section .merchant .mc-bottom .shop .sp-lf { width: 23.46667vw; height: 23.46667vw; }

section .merchant .mc-bottom .shop .sp-lf::after { content: ""; display: inline-block; width: 23.46667vw; height: 5.06667vw; background-color: white; position: absolute; top: 12vw; left: -0.1%; opacity: 0.5; font-size: 3.33333vw; text-align: center; }

section .merchant .mc-bottom .shop .sp-lf::before { content: ""; display: inline-block; width: 23.46667vw; height: 5.06667vw; position: absolute; top: 12vw; left: -0.1%; font-size: 3.33333vw; color: black; text-align: center; z-index: 1; }

section .merchant .mc-bottom .shop .sp-lf img { width: 100%; height: 100%; }

section .merchant .mc-bottom .shop .sp-rg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 61.33333vw; }

section .merchant .mc-bottom .shop .sp-rg .rg-lf p:first-child { font-size: 4vw; line-height: 6.66667vw; }

section .merchant .mc-bottom .shop .sp-rg .rg-lf div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 3.33333vw; color: #929292; }

section .merchant .mc-bottom .shop .sp-rg .rg-lf div img { width: 4.53333vw; height: 4.53333vw; }

section .merchant .mc-bottom .shop .sp-rg .rg-lf p:nth-of-type(2) { font-size: 3.33333vw; color: #929292; line-height: 5.33333vw; }

section .merchant .mc-bottom .shop .sp-rg .rg-lf p:last-of-type { font-size: 2.66667vw; color: #ff9344; line-height: 6.66667vw; }

section .merchant .mc-bottom .shop .sp-rg .rg-rg { width: 14.66667vw; height: 8vw; font-size: 4vw; text-align: center; line-height: 8vw; color: white; background-color: #ff9344; border-radius: 2.66667vw; }
